﻿<div>
    <h1>Oversized number spinner</h1>
    <p>
        The <code>OversizedNumberSpinner</code> is a spinner control for integers. It features steps of 1 or setting the value directly via a text box.
    </p>
    <h2>Screenshots</h2>
    <p>
        <img src="https://raw.githubusercontent.com/spiegelp/MaterialDesignExtensions/master/screenshots/OversizedNumberSpinner.png" alt="Oversized number spinner" />
    </p>
    <h2>API</h2>
    <p>
        <table class="documentation">
            <thead>
                <tr>
                    <th>Property</th>
                    <th>Description</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>
                        <code>Max</code>
                    </td>
                    <td>
                        The maximum value.
                    </td>
                </tr>
                <tr>
                    <td>
                        <code>Min</code>
                    </td>
                    <td>
                        The minimal value.
                    </td>
                </tr>
                <tr>
                    <td>
                        <code>Value</code>
                    </td>
                    <td>
                        The current value of the <code>OversizedNumberSpinner</code>.
                    </td>
                </tr>
            </tbody>
        </table>
    </p>
    <h2>Code example</h2>
    <pre class="language-markup"><code class="language-markup">&lt;!-- import namespaces -->
xmlns:mde="clr-namespace:MaterialDesignExtensions.Controls;assembly=MaterialDesignExtensions"

&lt;mde:OversizedNumberSpinner Value="2" Min="0" Max="4" /></code></pre>
    <script type="text/javascript">
        appViewModel.prepareCodeSnippets();
    </script>
</div>